<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    template="layout/templateList.xhtml">

	<ui:define name="body">
	
		<table align="right">
			<tr>
				<td>
					<h:commandButton immediate="true"
						onclick="abrirPopup('help_online/help_funcionario_list.seam');" 
						title="Ajuda Online"
						alt="Ajuda Online"
						image="img/help_peq.jpg"/>
				</td>
			</tr>
		</table>
	
		<h2 class="title"><a href="#">Gerenciar Funcionários</a></h2><br/>

			<h:form id="listClienteForm">
		        <rich:dataTable value="#{manterFuncionariosController.listaFuncionarios}" var="_func"
		        	rows="10"
		        	id="tabelaFuncionarios">
		        	
		        	<f:facet name="header">
		        		<rich:columnGroup>
		        			<rich:column>
		        				<h:selectBooleanCheckbox value="#{manterFuncionariosController.selecionadoTodos}">
			        				<a:support event="onchange" action="#{manterFuncionariosController.selecionaTodos}"
			        					reRender="tabelaFuncionarios"/>
			        			</h:selectBooleanCheckbox>
		        			</rich:column>
		        			
		        			<rich:column>
		        				<h:outputText value="NOME" />
		        			</rich:column>
		        			
		        			<rich:column>
		        				<h:outputText value="CARGO" />
		        			</rich:column>
		        			
		        			<rich:column>
		        				<h:outputText value="TELEFONE" />
		        			</rich:column>
		        			
		        			<rich:column>
		        				<h:outputText value="" />
		        			</rich:column>
		        		</rich:columnGroup>
		        	</f:facet>
		        
		        	<rich:column>
		        		<f:facet name="header">
		        				
		        		</f:facet>
		        		<h:selectBooleanCheckbox value="#{_func.selecionado}"/>
		        	</rich:column>
		        	
		        	<rich:column filterMethod="#{manterFuncionariosController.filtrarClientesPorNome}">
		        		<f:facet name="header">
		        			<h:inputText value="#{manterFuncionariosController.filtroNome}" id="inputNome"
		        				title="Digite o filtro e aguarde a pesquisa automática"
		        				style="width:100px;">
		                        <a:support event="onkeyup" reRender="tabelaFuncionarios, scroller"
		                            ignoreDupResponses="true" requestDelay="400"
		                            oncomplete="setCaretToEnd(event);"/>
		                    </h:inputText>
		        		</f:facet>
		        		<h:outputText value="#{_func.dscNome}"/>
		        		<a:queue ignoreDupResponses="true"/>
		        		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>Data de nascimento:</strong><h:outputText value="#{_func.dtaNascimento}"><s:convertDateTime pattern="dd/MM/yyyy"/></h:outputText><br/> 
											<strong>Data de Início:</strong><h:outputText value="#{_func.dtaEntrada}"><s:convertDateTime pattern="dd/MM/yyyy"/></h:outputText><br/>
											<strong>Data de saída:</strong><h:outputText value="#{_func.dtaSaida}"><s:convertDateTime pattern="dd/MM/yyyy"/></h:outputText><br/> 
											<strong>Valor do último salário:</strong><h:outputText value=" R$ " /><h:outputText value="#{_func.vlrUltimoSalario}" converter="conversorMonetario" />
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
		        	</rich:column>
		        	
		        	<rich:column filterMethod="#{manterFuncionariosController.filtrarClientesPorCargo}">
		        		<f:facet name="header">
		        			<h:inputText value="#{manterFuncionariosController.filtroCargo}" id="inputCargo"
		        				title="Digite o filtro e aguarde a pesquisa automática"
		        				style="width:100px;">
		                        <a:support event="onkeyup" reRender="tabelaFuncionarios, scroller"
		                            ignoreDupResponses="true" requestDelay="400"
		                            oncomplete="setCaretToEnd(event);"/>
		                    </h:inputText>
		        		</f:facet>
		        		<h:outputText value="#{_func.dscCargo}"/>
		        		<a:queue ignoreDupResponses="true"/>
		        		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>Data de nascimento:</strong><h:outputText value="#{_func.dtaNascimento}"><s:convertDateTime pattern="dd/MM/yyyy"/></h:outputText><br/> 
											<strong>Data de Início:</strong><h:outputText value="#{_func.dtaEntrada}"><s:convertDateTime pattern="dd/MM/yyyy"/></h:outputText><br/>
											<strong>Data de saída:</strong><h:outputText value="#{_func.dtaSaida}"><s:convertDateTime pattern="dd/MM/yyyy"/></h:outputText><br/> 
											<strong>Valor do último salário:</strong><h:outputText value=" R$ " /><h:outputText value="#{_func.vlrUltimoSalario}" converter="conversorMonetario" />
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
		        	</rich:column>
		        	
		        	<rich:column filterMethod="#{manterFuncionariosController.filtrarClientesPorTelefone}">
		        		<f:facet name="header">
		        			<h:inputText value="#{manterFuncionariosController.filtroTelefone}" id="inputTel"
		        				title="Digite o filtro e aguarde a pesquisa automática"
		        				style="width:60px;">
		                        <a:support event="onkeyup" reRender="tabelaFuncionarios, scroller"
		                            ignoreDupResponses="true" requestDelay="400"
		                            oncomplete="setCaretToEnd(event);"/>
		                    </h:inputText>
		        		</f:facet>
		        		<h:outputText value="#{_func.telContato}"/>
		        		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>Data de nascimento:</strong><h:outputText value="#{_func.dtaNascimento}"><s:convertDateTime pattern="dd/MM/yyyy"/></h:outputText><br/> 
											<strong>Data de Início:</strong><h:outputText value="#{_func.dtaEntrada}"><s:convertDateTime pattern="dd/MM/yyyy"/></h:outputText><br/>
											<strong>Data de saída:</strong><h:outputText value="#{_func.dtaSaida}"><s:convertDateTime pattern="dd/MM/yyyy"/></h:outputText><br/> 
											<strong>Valor do último salário:</strong><h:outputText value=" R$ " /><h:outputText value="#{_func.vlrUltimoSalario}" converter="conversorMonetario" />
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
		        	</rich:column>
		        	 
		        	<rich:column rendered="#{identity.hasRole('GERENCIAR_FUNCIONARIOS_GRAVAR')}">
		        		<f:facet name="header"></f:facet>
		        		<h:commandLink value="EDITAR"
		        			action="#{manterFuncionariosController.editar(_func)}"/>
		        	</rich:column>
		        </rich:dataTable>
		        <rich:datascroller for="tabelaFuncionarios" id="scroller"/>
		        
		        <br/>
	            <div class="actionButtons">
		        	<h:commandButton id="remove" value="Excluir" action="#{manterFuncionariosController.excluir}"
		        		rendered="#{identity.hasRole('GERENCIAR_FUNCIONARIOS_EXCLUIR')}"	
		        		onclick="javascript:if(!confirm('Tem certeza que deseja excluir?'))return false;"/>
		        	<h:commandButton id="new" value="Novo" action="#{manterFuncionariosController.novoFuncionario()}"
		        		rendered="#{identity.hasRole('GERENCIAR_FUNCIONARIOS_GRAVAR')}"/>
		        </div>
	        </h:form>

 </ui:define>
</ui:composition>
